﻿@{
    Layout = "~/Views/Shared/_Layout.cshtml";
    ViewBag.Title = "Sell Online";
    // +string+ the entire page
}

<style type="text/css">
     html, body {
        font-family: 'Open Sans', 'Helvetica Neue', sans-serif;
        -webkit-font-smoothing: antialiased;
    }
    .row{
        width:100%;
        margin:auto;
        padding:10px 0 30px;
    }
    .row .row {
        padding:0;
    }

    h2 {
        color: #ee4131;
        border-bottom:0;
        text-transform:none;
    }
    h2 .fa {
        color:rgb(112, 112, 112);
    }
    p {
        line-height: 1.6em;
        font-size: 1em;
    }

     .home-page section .section-wrapper {
        width: 80%;
        margin: auto;
        padding: 20px 0;
    }

     .section-wrapper{}
    .home-slide {
        position: relative;
    }

    .home-slide .home-slide-image img {
        width: 100%;
        display: block;
    }

    #master-page-wrapper {
        width: 100%;
        padding:0!important;
    }

    .home-slide-text {
        position: absolute;
        z-index: 1;
        left: 12%;
        top: 18%;
        color: #333;
        text-transform: uppercase;
    }
    .home-slide-text span {
        margin-left: 10px;
        font-size: 1.3em;
    }
    .home-slide-text h2 {
        text-align: left;
        font-size: 1.8em;
        letter-spacing: 3px;
        text-shadow: 1px 1px 1px #fff;
        text-transform:uppercase;
    }
    .home-slide-text h3 {
        color: #333;
        font-size: 1.5em;
        text-align: left;
        margin-top: 0.5em;
        letter-spacing: 1px;
    }
    .home-slide-text .size-small {
        font-size: 14px;
        letter-spacing: 1px;
        margin-bottom: 10px;
        color:#fff;
    }
    .home-slide-text .size-large {
        font-size: 26px;
        letter-spacing: 2px;
        font-weight: bold;
        margin-bottom: 35px;
    }
    .section-wrapper img{
        margin-left:-3%;
    }
    .spotshubfront {
        background: #f4f0ef;
        position:relative;
    }
       .spotshub-o2o{
        background: #f26c63;
        color: #fff;
    }
    .spotshub-o2o h2, .spotshub-o2o a{
        color:#fff;
    }
    .spotshub-o2o .o2o{
        padding:25px 10px;
        max-width: 206px!important;
    }
    .col-lg-9, .col-lg-8{
        width:100%;
    }

    .section-wrapper ul{
        margin-left:-2%;
    }

    .section-wrapper ul p{
        margin-left:-2%;
    }

    .centerp{
        text-align:center;
        font-size:1.3em;
    }

    .centerp img{
        margin-left:0;
    }

    .centerjoin{
        text-align:center;
        color:#2e2e2d;
    }
    .coverage{
        padding:10px 0 0;
    }
    .feebubbles, .benefitsbubbles{
        width:105%;
    }
    .hellogoodbyecontainer{
        display:-moz-box;
        display:-webkit-box;
        color:#2e2e2d;
        padding:3%;
    }
    .hello, .goodbye{
        width:10%;
    }
    .hello h3, .goodbye h3{
        font-weight:bold;
    }
    .hellotext, .goodbyetext{
        width:40%;
        padding-right:20px; 
    }
    .hellotext ul li, .goodbyetext ul li{
        padding:2%;
    }
 

</style>

<div class="home-page">

    <div id="main" class="old-home">
        <main>
            <div class="content">
                <article>
                    <section>
                        <div class="home-slide">
                            <div class="home-slide-image">
                                <img src="/content/images/warehouse2.jpg" />
                            </div>
                            <div class="home-slide-text">
                                <h2>The next powerful<br /> E-commerce Marketplace</h2>
                                <div class="prom-block"><h3>SpotsHUB online selling platform</h3></div>
                            </div>
                        </div>
                        </section>

                    <section class="row spotshubfront">
                        <div class="section-wrapper">
                            <div class="col-xxs-12 col-xs-12 col-sm-9 col-md-9 col-lg-9">
                                <h2>Key Benefits to Partner with SpotsHUB</h2></br>
                                    <p>SpotsHUB online selling platform delivers a powerful, All-IN-ONE e-commerce solution that you have been waiting for.</p>
                                    <p>SpotsHUB is the ONLY e-commerce marketplace that provides online selling, order processing & in house shipping services in a single package that will save you TIME & MONEY when selling online. From store set-up to product management, we will be there with you every step of the way.</p>
                                    <p>SpotsHUB is also the ONLY e-commerce marketplace that provides FLAT SHIPPING RATES for all online orders. Every SpotsHUB EXPRESS shipment comes with instant online tracking, easy rescheduling and access point pickup option.</p>
                                    <p>With SpotsHUB's intelligent operating system, all shipment requests & shipping label generating can be done in a FEW clicks. A friendly SpotsHUB driver will then pick up the shipment from you and safely deliver it to your customer's doorstep.</p>
                                    <p>Moreover, you may also join the SpotsHUB Alliance Program to become one of our SpotsHUB Access Points. You will enjoy increased traffic to your physical store, which can lead to additional sales.</p>
                                    <p>Contact us today to learn more about how SpotsHUB can improve your business!	</p>
                                <br/>
                                <img class="benefitsbubbles" src="/Content/images/spotshub-benefits-bubbles.png" alt="Benefits to partner with SpotsHUB." />
                            </div>
                        </div>
                    </section>

                    <section class="row">
                        <div class="section-wrapper">
                            <div class="col-xxs-12 col-xs-12 col-sm-6 col-md-7 col-lg-8">
                                <h2>All SpotsHUB Partners</h2><br/>
                                <ul>
                                    <li>Must be a legally registered Canadian business with a valid Business License</li>
                                    <li>Must not sell counterfeit products</li> 
                                    <li>Must agree to display a SpotsHUB sticker. Must be visible at the storefront</li>
                                    <br/><p>We know you want to know more</p>
                                </ul>
                                
                                <ul>
                                    <li>Please call our e-commerce team at 604-880-3280 or</li>
                                    <li>On the many benefits of the SpotsHUB e-commerce marketplace, please email <a href="mailto:sales@spotshub.com">sales@spotshub.com</a></li>
                                    <p>Sign up early to ensure your online store is ready before our official launch in June 2015.</p>
                                </ul>                       
                            </div>
                        </div>
                    </section>

                    <section class="row spotshub-o2o">
                        <div class="section-wrapper">
                            <div class="col-xxs-12 col-xs-12 col-sm-7 col-md-8 col-lg-9">
                                <h2>Become a SpotsHUB Partner Today and Quickly Expand your Market Coverage</h2>
                                    <p>Flat 15% Partnership Profit Sharing Fee will be applied to all transactions.</p><br/><br/><br/>
                                    <p class="centerp">You will love <img class src="/Content/images/heart-icon.png" alt="SpotsHUB Heart Icon"/> this</p>
                                        <img class="feebubbles" src="/Content/images/spotshub-fee-bubbles.png" alt="SpotsHUB Partner Fee." />
                                   <br/><br/> <p class="centerp">Unlimited Listings! No Transaction = No Charge!</p>
                            </div>
                        </div>
                    </section>

                    <section class="row coverage">
                        <div class="section-wrapper">
                            <div class="col-xxs-12 col-xs-12 col-sm-6 col-md-7 col-lg-8">
                                <h2>SpotsHUB Partners Enjoy Flat Rate, Economical Local Shipping on Every Single Order</h2><br />
                                <img src="/Content/images/spotshub-coverage-map.png" alt="SpotsHUB Coverage Map." />
                            </div>
                        </div>
                    </section>

                    <section class="row spotshubfront">
                        <div class="section-wrapper">
                            <div class="col-xxs-12 col-xs-12 col-sm-9 col-md-9 col-lg-9">
                                <h2>SpotsHUB Partners Say</h2>
                                    <div class="hellogoodbyecontainer">
                                           <div class="hello">
                                               <h3>Hello</h3>
                                           </div>
                                                <div class="hellotext">
                                                    <ul>
                                                        <li>To simplified online sales &amp; order fulfilment</li>
                                                        <li>To this amazing e-commerce opportunity &amp; <br />tremendous growth potential</li>
                                                    </ul>
                                                </div>
                                            <div class="goodbye">
                                                <h3>Goodbye</h3>
                                            </div>
                                            <div class="goodbyetext">
                                                <ul>
                                                    <li>To costly &amp; time consuming shipping</li>
                                                    <li>To online credit card processing fees<br />a Saving of 3 – 4% per transaction</li>
                                                </ul>
                                            </div>
                                    </div>
                                    <p class="centerjoin">JOIN THE SpotsHUB FAMILY, LET US GROW OUR BUSINESS TOGETHER!</p>
                            </div>
                        </div>
                    </section>
                    </div>
            </article>
        </main>
    </div>
</div>